<template>
<div class="footer">
    <ul>
        <router-link to='/footer/Contact' tag='li'><img src="../../assets/telpng.png"/></router-link>
        <router-link to='/footer/About' tag='li'><img src="../../assets/tel2.png"/></router-link>
        <router-link to='/' tag='li'><img src="../../assets/tel3.png"/></router-link>
    </ul>
</div>
</template>
<script>
export default{
    name:'Footer',
    data(){
        return{

        }
    }
}

</script>
<style scoped>
.footer{position:fixed;width:100%;background:#000;bottom:0;box-sizing:border-box;max-width:750px;margin:0 auto;margin-top:.2rem;}
.footer ul{display:flex;}
.footer ul li{border-right:1px solid #fff;flex:1;display:flex;justify-content:center;align-items:center;padding:.22rem 0;}
.footer ul li:last-child{border-right:0;}
.footer ul li img{display:block;width:20%;}
</style>